<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../jsLib/angular.js"></script>
    <title></title>
</head>
<body ng-app="app">
<div  ng-controller="control">
    <h3 ng-click="show()">显示我的列表</h3>
    <ul ng-show="showUl">
        <li ng-repeat="item in items" ng-bind="item.name"></li>
    </ul>
</div>
<script>
    var app=angular.module('app',[]);
    app.controller('control',function($scope){
        var lists=[{name:'bqc',id:1},{name:'cp',id:2},{name:'gdp',id:3},{name:'zh',id:4},{name:'xwp',id:5}];
         $scope.items = lists;
        $scope.showUl=false;
        $scope.show = function(){
            $scope.showUl=!$scope.showUl;
//            alert( $scope.showUl)
        }
    })
</script>
</body>
</html>